@charset "utf-8";
/* CSS Document */

.content_skill	
	{
	}
.left_skill
	{
	width:658px;
	float:left;
	}
.right_skill
	{
		width:310px;
		float:left;
	}
.chuyende_top
	{
		width:648px;
		overflow:hidden;
		height:250px;
	}
.chuyende_top h2
	{
		color:#FFF;
		line-height:31px;
			
		text-transform:uppercase;
		padding-left:10px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
	}
.chuyende_content
	{
		overflow:hidden;
		background:url(../images/skill/bgchuyende.gif) top left no-repeat;
		height:250px;
	}

.chuyende_content .img_
	{
		float:left;
		margin-top:10px;		
		margin-left:10px;
	}
.chuyende_content .content_title
	{
		float: left;
width: 415px;
padding-left: 14px;	
position:relative;	
	}
.chuyende_content .content_title .viewmore
	{
	position: absolute;
	top: 220px;
	right: 10px;
	z-index:2;
	}
 .text_title
	{
		height:200px;
		color:#FFF;
		padding-top:15px;
		overflow:hidden;
	}

.text_title .block_txt
	{
		background:url(../images/skill/li_chuyende.gif) left top no-repeat;	
		padding-left:10px;
	font-size:13px;
	padding-bottom:10px;
	}
.text_title .block_txt a
	{
		color:#FFF;
		text-decoration:none;
	}
.text_title .block_txt a:hover
	{
		color:#FFF;
		text-decoration:underline;
	}
.soft_skill
	{
	overflow:hidden;
	}
.soft_skill .list
	{ 
	float:left;
	width:314px;
	}
.soft_skill .list h2.blue
	{
	background:url('../images/skill/softskillh.gif') no-repeat;
	height:42px;
	font-size:15px;
	padding-left:20px;
	line-height:35px;
	color:#FFF;
	text-transform:uppercase;
	}
h2.blue a {
  color:#FFF;  
}
.soft_skill .list h2.black
	{
	background:url(../images/skill/softskillhblack.gif) left no-repeat;
	height:42px;
	font-size:15px;
	padding-left:20px;
	line-height:35px;
	color:#FFF;
	text-transform:uppercase;
	}
h2.black a{
    color:#FFF;
}    
.soft_skill .list .block_title
	{
	overflow:hidden;
	background:url(../images/skill/dotbottom.gif) left bottom repeat-x;
	padding-bottom:7px;
	padding-top:7px;
	}
.soft_skill .list .block_title .name_program
	{
	float:left;
	width:250px;
	color:#1155cc;
	background:url(../images/skill/lilist.gif) left center no-repeat;
	padding-left:10px;
	overflow:hidden;
	height:16px;
	font-size:13px;
	}
.soft_skill .list .block_title .name_program a
	{
	color:#1155cc;
	text-decoration:none;
	}
.soft_skill .list .block_title .name_program a:hover
	{
	color:#003366;
	text-decoration:none;
	}
.soft_skill .list .block_title .numvideo
	{
	float:left;
	color:#333;
	}
.soft_skill .list .block_viewmore
	{
	text-align:right;
	color:#1155cc;
	line-height:35px;
	}
.soft_skill .list .block_viewmore a
	{
	color:#1155cc;
	}
.bannerbodyskill
	{
	padding:10px 0px;
	}
.video_skill
	{
	position:relative;
	left:-5px;
	}
.video_skill .bgtop
	{
	background:url(../images/skill/videoskilltop.gif) top left no-repeat; 
	}
.video_skill .bgcenter
	{
	background:url(../images/skill/videoskillct.gif) top left repeat-y; 
	}
.video_skill .bgbt
	{
	background:url(../images/skill/videoskillbt.gif) bottom left no-repeat; 
	padding-left:10px;
	padding-bottom:10px;
	}
.video_skill h2
	{
	color:#FFF;
	text-transform:uppercase;
	padding-left:10px;
	padding-top:10px;
	font-size:15px;
	padding-left:48px;
	padding-top:21px;
	}
.video_skill .newvideo
	{
	float:left;
	width:320px;
	padding-left:10px;
	padding-top:25px;
	}
.video_skill .newvideo h3
	{
	font-size:14px;
	background:url(../images/skill/dotlineh.gif) left center repeat-x;
	font-weight:bold;
	margin-bottom:10px;
	}
.video_skill .newvideo h3 span
	{
	background:#FFF;
	padding-right:10px;
	
	}
.video_skill .newvideo .list
	{
	width:150px;
	height:150px;
	float:left;
	}
.video_skill .newvideo .list .videoplay
	{
	width:150px;
	height:100px;
	}
.video_skill .newvideo .list .videoname
	{
	height:40px;text-align:center;color:#003366;padding-top:5px;
	}
.video_skill .newvideo .list .videoname a
	{
	color:#1155cc;
	text-decoration:none;
	}
.video_skill .newvideo .list .videoname a:hover
	{
	color:#003366;
	text-decoration:none;
	}
.video_skill .viewvideo
	{
	float:left;
	background:url(../images/skill/linedung.gif) left top repeat-y;
	padding-left:10px;
	height:330px;
	width:280px;
	margin-left:10px;
	overflow:hidden;
	}
.video_skill .viewvideo h3
	{
	font-size:14px;
	background:url(../images/skill/dotlineh.gif) left center repeat-x;
	font-weight:bold;
	margin-bottom:10px;
	color:#333;
	}
.video_skill .viewvideo h3 span
	{
	background:#FFF;
	padding-right:10px;
	
	}
.video_skill .viewvideo .block_
	{
	overflow:hidden;
	padding-top:7px;
	padding-bottom:7px;
	}
.video_skill .viewvideo .block_ .numview
	{
	float:left;
	width:80px;
	text-align:center;
	color:#003366;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	}
	.video_skill .viewvideo .block_ .nameview
	{
	float:left;
	width:200px;
	color:#003366;
	}
	.video_skill .viewvideo .block_ .nameview a
	{
	text-decoration:none;
	color:#1155cc;
	font-size:13px;
	}
	.video_skill .viewvideo .block_ .nameview a:hover
	{
	text-decoration:none;
	color:#003366;
	}
/* right */
.right_skill .banner_right
	{
		width:300px;
		height:250px;
		padding-left:9px;
	}
.khoahoc_list_skill
	{
		width:307px;
		position:relative;
		margin-top:13px;
		right:-5px;
	}
.khoahoc_list_skill h2
	{
		width:307px;
		background:url(../images/skill/noidunglistkh.gif) no-repeat;
		height:52px;
		text-align:center;
		line-height:50px;
		color:#3366cc;
		 font-size:16px;
	}
.khoahoc_list_skill .center_bg
	{
		background:url(../images/skill/noidunglistkcenter.gif) left repeat-y;
	}
.khoahoc_list_skill .bt_bg
	{
		background:url(../images/skill/noidunglistkbt.gif) left bottom no-repeat;
		padding-bottom:10px;
	}
.khoahoc_block
	{
		padding:0px 15px;
	}
.khoahoc_block h3
	{
		color:#333333;
		 font-size:18px;
		 background:url(../images/skill/khoahoch3.gif) right bottom no-repeat;
		 padding:5px 0px;
	}
.khoahoc_block .list_class
	{
		overflow:hidden;
		margin:8px 0px;
		
	}
.khoahoc_block .list_class .list_class_img
	{
		width:70px;
		height:50px;
		float:left;
	}
.khoahoc_block .list_class .list_class_img img
	{
	border:1px #CCC solid;
	}
.khoahoc_block .list_class .list_class_name
	{
		color:#1155cc;
		float:left;
		padding-left:10px;
		width:180px;
		font-size:13px;
	}
.khoahoc_block .list_class .list_class_name a
	{
		color:#1155cc;
		text-decoration:none;
	}
.khoahoc_block .list_class .list_class_name a:hover
	{
		color:#00377b;
		text-decoration:none;
	}
	
/* scroll */
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:415px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:20px;
		height:20px;
		position:absolute;
		left:20px;
		top:185px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:50px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:20px;
		height:20px;
		background:url(../images/skill/arrleft.gif) no-repeat;	
		text-indent:-9999px;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/skill/arrright.gif) no-repeat;
				text-indent:-9999px;
		}	
 
 
 .hidden {
    display: none;
 }
.bgtop_cd {
    background: url("../images/skill/cd.gif") no-repeat scroll left top transparent;
}

.bgtop_cd h2 {
    padding-top: 7px;
    padding-left: 10px;
    text-transform: none; 
}
.navigator_header .login_reg_ a.loginbtn {
    cursor: pointer;
}
.navigator_header .login_reg_ a.reglink {
    cursor: pointer;
}

.cal {
    margin-top: 15px;
}
.cal h3 span {
    color: #3366cc;
}
.cal h3 span a{
    color: #3366cc;
}
.cal h3 {
    font-size: 15px !important;
} 
.cal h3 {
    background: none !important;
}

.cal .list_class .list_class_img {
    float: left;
    height: 120px;
    width: 200px;
}
.cal .list_class .list_class_name {
    color: #2b1a3e;
    width: 400px;
}
.caly .list_class .list_class_name {
    color: #2b1a3e;
    width: 445px;
}


.chuyende_content .content_title {
	width:648px;
    background: url("../images/skill/chuyende_top.gif") no-repeat scroll right top transparent;
	padding-left: 5px !important;
}
#slider li, #slider2 li {
    width:648px;
}
.slidetitle { 
    padding-left: 10px;    
}
#prevBtn, #nextBtn, #slider1next, #slider1prev { 
    top: 220px;
    left:550px;
}
#nextBtn, #slider1next {
    left: 580px;
}
#slider li, #slider2 li { 
    height: auto;
}
.cal .list_class {
    margin:0 0 5px 0;
}
.line-cal {
    background: url("../images/skill/dotlineh.gif") repeat-x scroll left center transparent;
    width: 620px;
    margin-left: 15px;
}

.cals .block_viewmore {
    color: #1155CC;
    text-align: right;
    padding-right: 20px;
}
.list_class_img {
   
}
.videoplay img {
    border: 1px solid #CCCCCC;
}
.current {
    font-weight: bold;
    color:red;
}

h2.breadcrumb, h2.breadcrumb a {
  color: #FFF;  
  font-weight: 500;
}
h2.breadcrumb a:hover {
    color: #FFF;
    text-decoration: underline;
}
h2.breadcrumb a.active {
    font-weight: bold;
}
.bcal h3 {
    background: none !important;
}

.bgtop_cd_detail {
    background: url("../images/skill/cd_detail.gif") no-repeat scroll left top transparent !important;
    min-height: 19px;
}

.bgtop_cd_detail h2 {
    padding-top: 7px;
    padding-left: 10px;
    text-transform: none; 
}

.video_skill .cdetail {
    background: none !important;
}
.video_skill .btdetail {
    background: none !important;
}
.khoahoc_block.caldetail {
    padding: 15px 15px 15px 5px;
    
}
.khoahoc_block.caldetail h3 {
    background: none !important;
}
.list_class_name_detail {
    padding-left: 5px !important;
    color: #000000 !important;
}

.bgtop_cd_order {
    background: url("../images/skill/cd_order.gif") no-repeat scroll left top transparent;  
}
.bgtop_cd_order h2 {
    color: #000000;
    font-weight: bold;
}

.list_class_detail {
    float: left;
    width: 160px;
}
.list_class_imgx {
    width: auto !important;
}
.bgtop_cd_orderx {
    background: url("../images/skill/cd_orderx.gif") no-repeat scroll left top transparent;  
}

.list_class_imgy {
    float: left;
    height: 100px !important;
    width: 160px !important;
}
.caly {
    margin-top: 0;
}

.submit {
    width: 100px;
    color: #FFF;
    cursor: pointer;
}

#errCaptcha {
    color: red;
    padding-left: 10px;
}
.captcha_header {
    width: 95%;
    text-align: center !important;
    color: #000000 !important;
}

.btnSubmit {
    background: url("../images/skill/btn1.jpg") no-repeat scroll left top transparent;  
    
}
.btnClose {
    background: url("../images/skill/btn2.jpg") no-repeat scroll left top transparent;
    
}
.mplayer,.mediaplayer_wrapper {
    text-align: center;
}
#mediaplayer {
    margin-left: 100px;
}

.line-cal_video {
    background: url("../images/skill/dotlineh.gif") repeat-x scroll left center transparent;
    margin-left: 5px;
    width: 635px;
}
.caldetailx {
    padding: 0 0 0 5px !important;
}
.caldetailx h3 {
    color: #f11a48 !important;
}
.caldetailx h3 span{
    color: #CCC !important;
    font-weight: 500;
    font-size: 11px;

}

.bg_comment {
    background: url("../images/skill/bg_comment.jpg") repeat-x scroll left center transparent;
    height: 140px;
}

.txtComment {
    height: 92px;
    width: 635px;
    margin: 5px;
}

.btnsend {
    text-align: right;
    padding-right: 5px;
}
.btnComment {
    text-align: center;
    width: 150px;
}

.khoahoc_list_skill_c h2 {
    background: url("../images/skill/ncommen_top.jpg") no-repeat scroll 0 0 transparent;
    color: #F11A48;
    font-size: 15px;
    height: 34px;
    text-transform: capitalize;
    line-height: 34px;
    text-align: center;
    width: 307px;
}

.khoahoc_list_skill_c .center_bg {
    min-height: 50px;
    background: url("../images/skill/ncommen_mid.jpg") repeat-y scroll left center transparent;
}
.khoahoc_list_skill_c .bt_bg { 
    background:none !important;
}

.khoahoc_list_skill_c .list_class {
    margin: 0 !important;
}
.bcalc h3 {
    font-size: 14px;
   
    color:#3366CC;
    font-weight: 500;
}
.bcalc h3 a {
    color:#3366CC;
}
.khoahoc_list_skill_c .list_class .list_class_name {
    color:#000;
}
a.number {
    font-weight: bold;
}
.vmr {
    background: none !important;
    top:217px;
    position: absolute;
}
.caly .list_class .list_class_name {
    font-size:14px;
    font-weight: bold;
    min-height: 90px;
}

.chuyende_top h2 a{
    color: #FFF;
}